/* 表格操作按钮组 */
.user-action-btn {
    margin-right: 4px;
}

/* 表格中失效行高亮 */
.table-danger {
    background-color: #ffe5e5 !important;
}
/* 确保 icon-only 按钮大小一致 */
.user-action-btn {
  width: 32px;
  height: 32px;
  padding: 0;
}
.user-action-btn i {
  font-size: 1rem;
}

#user-table th,
#user-table td {
  text-align: center;
  vertical-align: middle;  /* 如需垂直也居中 */
}

/* Modal 表单字段间距更紧凑 */
.modal-body .mb-2,
.modal-body .mb-3 {
  margin-bottom: 0.75rem;
}

/* 标签和输入宽度一致 */
.modal-body .form-label {
  font-weight: 500;
}

#addUserError {
  line-height: 1.2;
  white-space: nowrap;
}

/* 重置密码 Modal 专属样式 */
.reset-pwd-modal .modal-header {
  background-color: #e7f1ff;        /* 浅蓝底 */
  border-bottom: 2px solid #3b5bdb; /* 深蓝边线 */
}
.reset-pwd-modal .modal-title {
  color: #3b5bdb;                   /* 深蓝标题 */
  font-weight: 500;
}
.reset-pwd-modal .modal-body {
  background-color: #f9fbff;        /* 更浅的蓝灰背景 */
}
.reset-pwd-modal .modal-footer {
  background-color: #f9fbff;
}
.reset-pwd-modal .reset-pwd-btn {
  background-color: #3b5bdb;        /* 深蓝主按钮 */
  border-color: #3b5bdb;
}
.reset-pwd-modal .reset-pwd-btn:hover {
  background-color: #2c4acb;        /* 悬停加深 */
  border-color: #2c4acb;
}
/* 缩小输入框与按钮间距 */
.reset-pwd-modal .modal-body .mb-3 {
  margin-bottom: 1rem;
}

/* 如果想让 outline-warning 也带红色警示条，可以调深一点 */
.btn-outline-warning {
  color: #b82626;             /* 橙黄色文字 */
  border-color: #b82626;
}
.btn-outline-warning:hover {
  background-color: #b82626;
  color: #fff;
}

/* 同理可微调 info 和 success */
.btn-outline-info {
  color: #0dcaf0;
  border-color: #0dcaf0;
}
.btn-outline-info:hover {
  background-color: #0dcaf0;
  color: #fff;
}

.btn-outline-success {
  color: #198754;
  border-color: #198754;
}
.btn-outline-success:hover {
  background-color: #198754;
  color: #fff;
}
